<style>
.radbtn{
width:20px;
margin-top:10px;
width:5% !important;
}
</style>
<div class="main-content">
      <div class="left-panel"></div>
      <div class="panel">
           <?php echo $this->element("backend/left_menu");?>
          <div class="content">
          <div class="title">
            <br />
            <h2 class="t1"><?php echo __("Add Category");?></h2>
          </div>
          <div class="categories form">
          <?php echo $this->Form->create('Category'); ?>
          	<fieldset>
          		<div class="input-content">
                  <div class="input ">
                    <label for="category_name">Category Name<span>*</span></label>
                    <?php echo $this->Form->input('category_name',array('class'=>'placeholder','placeholder'=>'Category Name(*)','label'=>false,'div'=>false));?>
                    <div class="error-message" id="categoryNameError"></div>
		          </div>
          		</div>

          		<div class="submit">
                    <?php echo $this->Form->submit("",array('class'=>'save','id'=>'btnSave')); ?>
                    <a href="javascript:resetForm()" id="resetForm" class="reset">Reset</a>
                  </div>
          	</fieldset>
          </div>
          <br />
        </div>
      </div>
      <div class="right-panel"></div>
      <!-- main.end -->
    </div>
        <script>
    $("#btnSave").click(function(){
        var  validateCategoryName   = new validate("CategoryCategoryName","categoryNameError","This field is not empty.");

        var  result    = validateCategoryName.notEmpty();
        return result;
    });
 function resetForm()
 {
    window.location.reload();
 }
</script>